<template>
    <div class="list flexRow">
        <div v-if="imgList.length != 0">
            <div class="list_item flexCol" v-for="(item, index) of imgList" :key="index">
                <el-image class="list_img" :src="item.resource_url" @click.stop="chooseImg(item)"
                    :class="item.isSelect ? 'list_img_choose' : ''" />
                <!-- 输入框 -->
                <div class="flexRowAlign">
                    <el-input v-model="editName" v-if="editId === item.resource_id"></el-input>
                    <div class="itemName flexRowCenter" style="width: 80%;" v-else>{{ item.resource_title }}</div>
                    <!-- 修改 -->
                    <el-icon class="mx-1 hoverLight" @click.stop="changeName(item)">
                        <EditPen />
                    </el-icon>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
export default {
    data() {
        return {
            tableData: [],
            editorContent: '',
            form: {

                introduce: "",
            },
        };
    },
};
</script>
<style lang="scss" scoped>
.card {
    margin-bottom: 15px;
}

.notice {
    ::v-deep .el-form-item__content {
        margin-left: 68px;
    }
}
</style>
